<%@page import="java.util.Date"%>
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/include.inc.jsp"%>
<link rel="stylesheet" type="text/css"
	href="assets/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css" />
<link rel="stylesheet" type="text/css"
	href="assets/plugins/bootstrap-modal/css/bootstrap-modal.css" />
<!DOCTYPE html>
<!-- BEGIN HEADER -->
<div class="header navbar navbar-inverse navbar-fixed-top">
	<!-- BEGIN TOP NAVIGATION BAR -->
	<div class="header-inner">
		<!-- BEGIN LOGO -->
		<a class="navbar-brand" href="#"> 华瑞后台管理系统
		</a>
		<!-- END LOGO -->
		<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		<a href="javascript:;" class="navbar-toggle" data-toggle="collapse"
			data-target=".navbar-collapse"> <img
			src="assets/img/menu-toggler.png" alt="" />
		</a>
		<!-- END RESPONSIVE MENU TOGGLER -->
		<!-- BEGIN TOP NAVIGATION MENU -->
		<ul class="nav navbar-nav pull-right">
			<!-- BEGIN USER LOGIN DROPDOWN -->
			<li class="dropdown user"><a href="#" class="dropdown-toggle"
				data-toggle="dropdown" data-hover="dropdown"
				data-close-others="true"> 
				<c:if test="${uBase.headBigImage==null }">
					<img alt="" id="headBigImage"
					src="assets/img/default_driver.png"  width="29px" height="29px"/>
				</c:if>
				<c:if test="${uBase.headBigImage!=null }">
					<img alt="" id="headBigImage"
					src="http://ossimg.178tb.com/${uBase.headBigImage}@29h_29w_100-1ci.png?random=<%=Math.random() %>"  width="29px" height="29px"/>
				</c:if>
				 <span class="username">${user.account}</span>
					<i class="fa fa-angle-down"></i>
			</a>
				<ul class="dropdown-menu">
					<li><a id="login_out_btn" href="javascript:void(0);"><i
							class="fa fa-key"></i> 退 出</a></li>
				</ul></li>
			<!-- END USER LOGIN DROPDOWN -->
		</ul>
		<!-- END TOP NAVIGATION MENU -->
	</div>
	<!-- END TOP NAVIGATION BAR -->


</div>
<!-- END HEADER -->


<div id="out_system_view" class="modal fade" tabindex="-1"
	data-backdrop="static" data-keyboard="false"
	data-attention-animation="false">
	<div class="modal-body">
		<p>确定要退出系统吗？</p>
	</div>
	<div class="modal-footer">
		<button id="btn_true_out_system" type="button" data-dismiss="modal"
			class="btn blue">确认</button>
		<button id="btn_close_out_system" type="button" data-dismiss="modal"
			class="btn btn-default">取消</button>
	</div>
</div>


<script src="assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-migrate-1.2.1.min.js"
	type="text/javascript"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"
	type="text/javascript"></script>
<script
	src="assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js"
	type="text/javascript"></script>
<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
	type="text/javascript"></script>
<script src="assets/plugins/jquery.blockui.min.js"
	type="text/javascript"></script>
<script src="assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>
<script src="assets/plugins/uniform/jquery.uniform.min.js"
	type="text/javascript"></script>
<script type="text/javascript" src="js/DateTimeCovent/dateTime.js"></script>
<script type="text/javascript"
	src="assets/plugins/bootstrap-modal/js/bootstrap-modalmanager.js"></script>
<script type="text/javascript"
	src="assets/plugins/bootstrap-modal/js/bootstrap-modal.js"></script>
<script type="text/javascript">
	$(function() {
		//退出清除cookie
		$("#login_out_btn").click(function() {
			$("#out_system_view").modal();
		});

		//确认退出
		$("#btn_true_out_system")
				.click(
						function() {
							window.location.href = "web/loginOut.htm";
						});

	});
</script>